<template>
  <div class="news-style">
    <div class="group26 flex-row" style="background-color:#fff;">
      <div
        class="outer22 flex-col justify-center"
        v-for="(item, index) in loopData1"
        :key="index"
      >
        <div class="section11 flex-row justify-between">
          <div class="wrap2 flex-col">
            <img
              class="pic2"
              referrerpolicy="no-referrer"
              :src="item.lanhuimage0"
            />
          </div>
          <div class="wrap3 flex-col">
            <span class="txt13" v-html="item.lanhutext0"></span>
            <span class="txt14" v-html="item.lanhutext1"></span>
            <span class="txt15" v-html="item.lanhutext2"></span>
          </div>
        </div>
      </div>
    </div>
  </div>

</template>

<script>
    import NewsCard from "./newsCard";
    export default {
      name: "news",
      components: { NewsCard},
      data() {
        return {
          activeName: 'first',
          loopData1: [
            {
              lanhuimage0:
                'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf0dc6d2389c2b497c191c33ac33f3b7b11c7f6009c294c2b4308fb6b5d8c59a7',
              lanhutext0: '青岛市党委书记一行赴古镇口军民融合示范区考察工作',
              lanhutext1:
                '7月2日，党委书记一行人赴古镇口军民融合示范区考察工作，探讨示范区战平时保障工作',
              lanhutext2: '2022-02-10',
            },
            {
              lanhuimage0:
                'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngaa65f3940f9230b894d2c83cc2fa2849a4f0987f358aa3ae3501cc700e6f119e',
              lanhutext0: '青岛市党委书记一行赴古镇口军民融合示范区考察工作',
              lanhutext1:
                '7月2日，党委书记一行人赴古镇口军民融合示范区考察工作，探讨示范区战平时保障工作',
              lanhutext2: '2022-02-10',
            },
            {
              lanhuimage0:
                'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngea485b7263cc74b68903156ea8fa1c49ae3a8ce098b2d783b7a618d1deee49e4',
              lanhutext0: '青岛市党委书记一行赴古镇口军民融合示范区考察工作',
              lanhutext1:
                '7月2日，党委书记一行人赴古镇口军民融合示范区考察工作，探讨示范区战平时保障工作',
              lanhutext2: '2022-02-10',
            },
            {
              lanhuimage0:
                'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng2dee379f34d33ea10afc55bf994d2d2cbc75bff90939314da56051b382d9a0a4',
              lanhutext0: '青岛市党委书记一行赴古镇口军民融合示范区考察工作',
              lanhutext1:
                '7月2日，党委书记一行人赴古镇口军民融合示范区考察工作，探讨示范区战平时保障工作',
              lanhutext2: '2022-02-10',
            },
            {
              lanhuimage0:
                'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngea485b7263cc74b68903156ea8fa1c49ae3a8ce098b2d783b7a618d1deee49e4',
              lanhutext0: '青岛市党委书记一行赴古镇口军民融合示范区考察工作',
              lanhutext1:
                '7月2日，党委书记一行人赴古镇口军民融合示范区考察工作，探讨示范区战平时保障工作',
              lanhutext2: '2022-02-10',
            },
            {
              lanhuimage0:
                'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng2dee379f34d33ea10afc55bf994d2d2cbc75bff90939314da56051b382d9a0a4',
              lanhutext0: '青岛市党委书记一行赴古镇口军民融合示范区考察工作',
              lanhutext1:
                '7月2日，党委书记一行人赴古镇口军民融合示范区考察工作，探讨示范区战平时保障工作',
              lanhutext2: '2022-02-10',
            }
          ],
          fine: ''
        };
      },
      methods: {
        getMore(){
          console.log('ok')
        },
        loadMore() {
          this.newsItems.push({
            src: require('../../../assets/images/img4.jpeg'),
            title: '青岛市党委书记一行赴古镇口军民融合示范区考察工作',
            news: '7月2日，党委书记一行人赴古镇口军民融合示范区考察工作，探讨示范区战平时保障工作',
            time: '2021-07-03'
          });
          this.newsItems.push({
            src: require('../../../assets/images/img4.jpeg'),
            title: '青岛市党委书记一行赴古镇口军民融合示范区考察工作',
            news: '7月2日，党委书记一行人赴古镇口军民融合示范区考察工作，探讨示范区战平时保障工作',
            time: '2021-07-03'
          });
        }
      }
    }
</script>

<style lang="less" scoped>
  /deep/ .el-tabs__item{
    font-size: 18px;
    letter-spacing: 0;
    text-align: center;
  }
  /deep/ .el-tabs__item.is-active {
     color: #0A3D94;
  }
  /deep/ .el-tabs__item:hover {
    color: #0A3D94;
  }
  /deep/ .el-tabs__nav-wrap::after {
     content: none;
   }
  /deep/ .el-tabs__active-bar {
    background-color: #0A3D94;
  }
  .news-style{
    /*margin-top: 60px;*/
    .news-content{
      /*margin-top: 41px;*/
      .news-line-style{
        margin-top: 10px;
        margin-bottom: 10px;
      }
    }
    .more-info{
      margin-top: 10px;
      text-align: center;
      /*margin-bottom: 62px;*/
      .more-info-btn{
        width: 162px;
        height: 54px;
        background-color: #0A3D94;
        border: none;
        color: #FFFFFF;
      }
    }
  }

</style>
<style scoped src="../../home/index.css"></style>
<style scoped src="../../home/common.css"></style>
